<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Visit &middot; California</title>
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content=""> -->

    <!-- CSS styles -->
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="../css/visitcali.css" rel="stylesheet">
    <link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

  </head>

  <body>
    <div class="container">
       <div class="masthead">
        <h1 class="muted">VisitCali.com
        <?php
	//Session a mettre en place
	$user_id = 0;
	$isAdmin = true;
	 session_start();
	if (isset($_SESSION['email']))
	{
	  if (isset($_SESSION['admin'])) {
	     echo ('<a href="user.php"  style="margin:5px" class="btn btn-primary btn-medium pull-right">User Administration</a>');
	  }
	  echo ('<a href="../logout_user.php" style="margin:5px" class="btn btn-primary btn-medium pull-right">Sign-out</a><small style="margin:10px;font-size:0.5em"class="pull-right">'.$_SESSION['email'].'</small>');
	} else {
	  echo ('<a href="#modalSignUp" data-toggle="modal" style="margin:5px" class="btn btn-primary btn-medium pull-right">Sign up</a>');
	  echo ('<a href="#modalLogIn" data-toggle="modal" style="margin:5px" class="btn btn-primary btn-medium pull-right">Log in</a>');
	}
	?></h1>
        <img src="../img/widescreenBanner1.jpg" alt="banner cali"/> 
        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
              <ul class="nav">
                <li><a href="../index.php">Home</a></li>
                <li><a href="places.php">Places to visit</a></li>
                <li><a href="dos-donts.php">Do's and don'ts</a></li>
                <li><a href="faq.php">FAQ</a></li>
                <li class="active"><a href="about.php">About us</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>

      <div class="jumbotron">
        <h1>About us</h1>
        <p class="lead">VisitCali is <strong>the website</strong> made for those who come to California for the first time. It is done by foreign students in Califorina who wants to share their trip and advise the new arrivals.
        </p>
      </div>
      
      <div class="row-fluid">
        <div class="span2">
            <img src="http://fakeimg.pl/100x120/" alt="creator"/>
        </div>
        <div class="span3">
          <p class="lead">
            <small>Bolling<br>Jana<br>bolli01@cougars.csusm.edu<br>Editor/Writer and journalist</small>
          </p>
        </div>
      </div>

     <div class="row-fluid">
        <div class="span2">
            <img src="http://fakeimg.pl/100x120/" alt="creator"/>
        </div>
        <div class="span3">
          <p class="lead">
            <small>Busam<br>Michael<br>busam01@cougars.csusm.edu<br>Editor/Photograph and Writer</small>
          </p>
        </div>
      </div>

      <div class="row-fluid">
        <div class="span2">
            <img src="http://fakeimg.pl/100x120/" alt="creator"/>
        </div>
        <div class="span3">
          <p class="lead">
            <small>Prpich<br>Jonathan<br>prpich01@cougars.csusm.edu<br>Editor, Integrator</small>
          </p>
        </div>
      </div>

      <div class="row-fluid">
        <div class="span2">
            <img src="http://fakeimg.pl/100x120/" alt="creator"/>
        </div>
        <div class="span3">
          <p class="lead">
            <small>Moyson<br>Jeremy<br>moyson01@cougars.csusm.edu<br>Editor HTML/CSS Integrator</small>
          </p>
        </div>
      </div>

      <div class="row-fluid">
        <div class="span2">
            <img src="http://fakeimg.pl/100x120/" alt="creator"/>
        </div>
        <div class="span3">
          <p class="lead">
            <small>Derivery<br>Guillaume<br>derive01@cougars.csusm.edu<br>Editor, Administrator, HTML Integrator</small>
          </p>
        </div>
      </div>


      <hr>
      <div class="row-fluid">
        <div class="span4">
          <h2>Contact us</h2>
          <p class="lead">contact.visitcali@gmail.com</p>
        </div>
      </div>
      <hr>
        
          <div id="modalLogIn" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Log in:</h3>
          </div>
           <form action="../login_user.php" method="post">
          <div class="modal-body">
	    <input class="span3" type="email" name="email" placeholder="E-mail" /><br />
	    <input class="span3" type="password" name="password" placeholder="Password" /><br />
              <input class="btn" type="submit" name="submit" value="Submit" />
          </form>
          </div>
          <div class="modal-footer">
            <a href="#" data-dismiss="modal" aria-hidden="true" class="btn">Close</a>
          </div>
        </div>
	
	
    <div id="modalSignUp" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h3>Create a account:</h3>
          </div>
           <form action="../add_user.php" method="post">
          <div class="modal-body">
            <input class="span3" type="text" name="firstname" placeholder="Firstname" /><br />
	    <input class="span3" type="text" name="lastname" placeholder="Lastname" /><br />
	    <input class="span3" type="email" name="email" placeholder="E-mail" /><br />
	    <input class="span3" type="password" name="password" placeholder="Password" /><br />
	    <input class="span3" type="text" name="dob" placeholder="Date of Birth AAAA-MM-JJ" /><br />
              <input class="btn" type="submit" name="submit" value="Submit" />
          </form>
          </div>
          <div class="modal-footer">
            <a href="#" data-dismiss="modal" aria-hidden="true" class="btn">Close</a>
          </div>
        </div>

      <div class="footer">
        <p>&copy; CSUSM 2013 [CIS 444]</p>
      </div>
    </div>

    <!-- ====================JAVASCRIPT============================ -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../bootstrap/js/jquery.js"></script>
    <script src="../bootstrap/js/bootstrap-transition.js"></script>
    <script src="../bootstrap/js/bootstrap-alert.js"></script>
    <script src="../bootstrap/js/bootstrap-modal.js"></script>
    <script src="../bootstrap/js/bootstrap-dropdown.js"></script>
    <script src="../bootstrap/js/bootstrap-scrollspy.js"></script>
    <script src="../bootstrap/js/bootstrap-tab.js"></script>
    <script src="../bootstrap/js/bootstrap-tooltip.js"></script>
    <script src="../bootstrap/js/bootstrap-popover.js"></script>
    <script src="../bootstrap/js/bootstrap-button.js"></script>
    <script src="../bootstrap/js/bootstrap-collapse.js"></script>
    <script src="../bootstrap/js/bootstrap-carousel.js"></script>
    <script src="../bootstrap/js/bootstrap-typeahead.js"></script>
  </body>
</html>
